<template>
	<view class="page">
		<view class="detail_box">
			<textarea placeholder="请详细描述本公司的基本信息以及所提供的服务" placeholder-style="#E2E2E2" v-model="formData.detail"></textarea>
		</view>
		<view class="common_item">
			接单范围：<input type="text" v-model="formData.distance" placeholder="请输入接单范围" />
		</view>
		<view class="common_item common_item_no" @click="handleItem">
			服务项目：<view>点击选择</view> <uni-icons class="position_icon" type="forward" size="24" color="#b3b3b3"></uni-icons>
		</view>
		<view class="common_item common_item_item clearfix">
			<text>理发</text>
			<text>洗脚</text>
			<text>买菜做饭</text>
			<text>定期探望</text>
			<text>陪床护理</text>
			<text>假牙护理</text>
			<text>室内保洁</text>
		</view>
		<view class="common_item common_item_no">
			上传logo
		</view>
		<view class="common_item common_item_item common_item_no">
			<view class="upimg_wrap vCenter">
				<image class="upImg_btn"v-if="!formData.logo" src="../../../static/img/upImg.png"></image>
				<image class="upImg_resault" v-if="formData.logo" :src="formData.logo"></image>
			</view>
		</view>
		<view class="common_item common_item_no">
			上传公司照片
		</view>
		<view class="common_item common_item_item common_item_no">
			<view class="upimg_wrap vCenter">
				<image class="upImg_btn"v-if="!formData.pic" src="../../../static/img/upImg.png"></image>
				<image class="upImg_resault" v-if="formData.pic" :src="formData.pic"></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				formData: {}
			};
		},
		methods:{
			handleItem () {
				uni.navigateTo({
					url:'./add_orderItem'
				})
			}
		}
	}
</script>
<style>
	page {
		background: #fff;
	}
</style>
<style lang="scss" scoped>
	.page {
		padding: 33rpx;
		.detail_box {
			width:683rpx;
			height:220rpx;
			border:1px solid rgba(226,226,226,1);
			textarea {
				width: 100%;
				height: 100%;
				padding: 11rpx;
				font-size: 32rpx;
				color: #565656;
				box-sizing: border-box;
			}
		}
		.common_item {
			position: relative;
			display: flex;
			padding: 33rpx 0;
			border-bottom: 1px solid #E2E2E2;
			font-size: 32rpx;
			color: #B3B3B3;
			input {
				flex: 1;
				font-size: 32rpx;
				color: #565656;
			}
			.position_icon {
				position: absolute;
				right: 0;
				top: 50%;
				transform: translateY(-50%);
			}
		}
		.common_item_no {
			border-bottom: none;
			 margin-bottom: 0;
		}
		.common_item_item {
			display: block;
			padding: 0;
			text {
				float: left;
				height: 36rpx;
				margin-right: 25rpx;
				margin-bottom: 28rpx;
				padding: 0 16rpx;
				line-height: 34rpx;
				text-align: center;
				font-size: 26rpx;
				color: #368AFF;
				border-radius:18rpx;
				border:1px solid rgba(54,138,255,1);
			}
			.upimg_wrap {
				width: 133rpx;
				height: 133rpx;
				background: #E9E9E9;
				.upImg_btn {
					width: 69rpx;
					height: 69rpx;
				}
			}
		}
	}
</style>
